<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片</title>
</head>
<body>
    <h1>图片元素</h1>
    <!-- 
        src  图片的路径
        alt  提示文本，当图片加载失败会显示的文本
    -->
    <img src="img/01.jpg" width="400" alt="">
    <img src="img/01.jpg" height="300" alt="">
    <img src="img/01.jpg" width="400" height="300" alt="">
    <br>
    <img src="img/02.jpg" alt="这是一张风景图">
    <br>
    <img src="https://search-operate.cdn.bcebos.com/7e85570b817e17e8f3ae93134cc78451.gif" alt="">
</body>
</html>